.slider-info{
  width:100%;
  background:#ffffff;
  overflow:hidden;
  margin-bottom:0.5rem;
}
.slider-info .title{
  font-size:0.9rem;
  color:#333333;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  text-align: left;
  margin-left: 0.5rem;
}
.slider-info .yuanjia{
  color:#999999;
  font-size:0.75rem;
  margin-left:0.5rem;
  text-decoration: line-through;
  text-align: left;
  margin-bottom: 0.5rem;
}
.slider-info .quanhou-con{
  display: flex;
}
.slider-info .yuanjia.yuanjia-nothing{
  text-decoration: none;
  margin-top: 0;
}
.swiper-container{
  height:18rem;
}
.swiper-pagination{
  top: 17rem;
  left: 50%;
  margin-left: -18px;
}
.slider-info .bottom-info{
  margin-left:0.2rem;
  margin-bottom: 10px;
  width: 100%;
}
.slider-info .bottom-info .card-tip{
  font-size:12px;
  color:#ff0808;
  border:1px solid #ff0808;
  border-radius:5px;
  text-align:center;
  padding-left:0.25rem;
  padding-right:0.25rem;
  height: 1rem;
  line-height: 1rem;
  margin-left: 0.5rem;

}
.slider-info .bottom-info .price{
  font-size: 0.85rem;
  color: #ff0808;
  font-weight: bold;
  margin-left: 0.1rem;
  position: relative;
  margin-right: auto;
  height: 1rem;
  line-break: 1rem; 
  margin-top: -0.15rem;
}
.slider-info .bottom-info .renshu{
  font-size:12px;
  color:#999999;
  margin-right:0.75rem;
}
.coupon-info{
  width:100%;

  background:#ffffff;
  margin-bottom:0.5rem;
  overflow:hidden;
  display:flex;
  position:relative;
}
.coupon-info .left-info{
  margin-right:auto;
  margin-left:0.35rem;
}
.coupon-info .left-info .t-title{
  font-size:16px;
  color:#333333;
  margin-top:0.5rem;
  text-align: left;
  padding: 3px;
}
.coupon-info .left-info .jian-info{
  display:flex;
  margin-top:0.25rem;
}
.coupon-info .left-info .jian-info .lft-j{
  font-size:12px;
  color:#ff0808;
  background:#ffe6e6;
  border-radius:3px;
  display:inline-block;
  width:20px;
  height:20px;;
  text-align:center;
  margin-top:0.05rem;
  margin-left: 5px;
}
.coupon-info .left-info .jian-info .rt-text{
  margin-left:0.5rem;
  text-align: left;

}
.coupon-info .left-info .jian-info .rt-text .text{
  color:#666666;
  font-size:12px;
}
.coupon-info .left-info .jian-info .rt-text .text:last-child{
  margin-top:0.2rem;
}
.coupon-info .left-info .jian-info .rt-text .text span{
  color:#ff0808;
}
.coupon-info .left-info .quan-info{
 display: flex;
  margin-top:0.5rem;
  padding-bottom: 20px;
  width: 100%;
}
.coupon-info .left-info .quan-info .lft-q{
  font-size:12px;
  color:#ff0808;
  background:#ffe6e6;
  border-radius:3px;
  display:inline-block;
  width: 20px;
  height: 20px;

  text-align:center;
  margin-left: 5px;
}
.coupon-info .left-info .quan-info .rt-con{
  margin-left:0.2rem;
  width:90%;
}
.coupon-info .left-info .quan-info .rt-con .same{
  background: url("../../business/images/manjian-icon.png") no-repeat center center;
  background-size: 100% 100%;
  padding-left:0.5rem;
  padding-right:0.5rem;
  text-align:center;
  margin-right: 0.1rem;
  font-size:12px;
  margin: 0 5px;
  float: left;
  margin-bottom: 0.5rem;}
@media screen and (max-width: 320px) {
  .coupon-info .left-info .quan-info .rt-con .same{
   /* width: 1.85rem;*/
  }
}
.coupon-info .right-info{
  top: 0.25rem;
  position: absolute;
  width: 3rem;
  right: 0.75rem;

}
.coupon-info .right-info .icon{
  background:url("../../business/images/href-icon.png") no-repeat center center;
  background-size:100% 100%;
  width: 0.4rem;
  height: 0.65rem;
  position:absolute;
  right: 0rem;
  top: 0.2rem;
}
.business-info{
  width:100%;
  display:flex;
  background:#ffffff;
  padding-bottom: 0.5rem;
}
.zhanwei{
  height: 2.5rem;
}
.business-info .left-img{
  width:3rem;
  height:3rem;
  border:1px solid #ffe6e6;
  margin-left:0.75rem;
  margin-top:0.5rem;
  border-radius:3px;
}
.business-info .left-img img{
  width:100%;
  height:100%;
  display:block;
}
.business-info .shop-name{
  margin-right: auto;
  font-size: 0.85rem;
  color: #333333;
  margin-top: 0.75rem;
  margin-left: 0.5rem;
}
.business-info .right-info{
  font-size:0.75rem;
  margin-top:0.5rem;
  color:#999999;
  margin-right:0.5rem;
}
.shops-footer{
  width:100%;
  height: 2.5rem;
  border-top:1px solid #f6f6f6;
  background:#ffffff;
  position:fixed;
  bottom:0;
  display:flex;
}
.shops-footer .lft-con{
  width:35%;
  height:2.5rem;
  display:flex;
  justify-content:center;
}
.shops-footer .collection-info{
  width: 50%;
  display:inline-block;
  text-align:center;
  border-right:1px solid #ebebeb;
  margin-top: 0.5rem;
  height:1.5rem;
}
.shops-footer .collection-info .icon{
  background: url("../../business/images/collection-icon.png") no-repeat center center;
  background-size: 100% 100%;
  display:block;
  width:0.7rem;
  height:0.65rem;
  margin:0 auto;
  margin-bottom:0.05rem;
}
.shops-footer .collection-info .icon.active{
  background: url("../../business/images/collection-icon-active.png") no-repeat center center;
  background-size: 100% 100%;
}
.shops-footer .collection-info span{
  font-size:12px;
  color:#999999;
}
.shops-footer .collection-info span.active{
  color:#ff0808;
}
.shops-footer .detailed-list{
  width: 50%;
  display:inline-block;
  text-align:center;
}
.shops-footer .detailed-list .icon{
  background: url("../../business/images/detailed-icon.png") no-repeat center center;
  background-size: 100% 100%;
  display:block;
  width:0.75rem;
  height:0.75rem;
  margin:0 auto;
  margin-top:0.5rem;
}
.shops-footer .detailed-list span{
  font-size:12px;
  color:#999999;
}
.shops-footer .button-group{
  height:2.5rem;
  background:#ff7200;
  width: 65%;
  display:flex;
}
.shops-footer .button-group a{
  display:block;
  width:50%;
  height:2.5rem;
  line-height:2.5rem;
  text-align:center;
  color:#ffffff;
}
.shops-footer .button-group a.join-detailed{

}
.shops-footer .button-group a.buy{
  background:#ff0808;
}
.coupon-hide{
  width:100%;
  position:fixed;
  height:100%;
  z-index: 999;
  left:0;
  bottom: 0;

}
.coupon-hide-in{
  width:100%;
  height:25rem;
  background:#ffffff;
  position:fixed;
  z-index:99999;
  bottom:0;
  left:0;
}
.coupon-hide-mc{
  width:100%;
  position:fixed;
  height:100%;
  z-index:99;
  left:0;
  top:0;
  background-color: rgb(0, 0, 0);
  opacity: 0.3;
}
.hide-mc{
  width:100%;
  position:fixed;
  height:100%;
  z-index:99;
  left:0;
  top:0;
  background-color: rgb(0, 0, 0);
  opacity: 0.3;
  display:  none;
}
.coupon-hide-in .top-info{
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  color: #333333;
  text-align: center;
  position: relative;
}

.coupon-hide-in .top-info .title{
  line-height:2.5rem;
  font-size:0.85rem;
}
.slide-close{
  background: url("../../business/images/close-icon.png") no-repeat center center;
  background-size: 100% 100%;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 999;
}
.coupon-hide-in .coupon-list{
  width:95%;
  margin:0 auto;
  overflow-y: scroll;
  height:14rem;
}
.coupon-hide-in .coupon-list .list-li{
  background: url("../../business/images/coupon.png") no-repeat center center;
  background-size: 100% 100%;
  width:100%;
  height:4rem;
  display:flex;
  position:relative;
  margin-top:0.5em;
}
.coupon-hide-in .coupon-list .list-li.active{
  background: url("../../business/images/coupon-active.png") no-repeat center center;
  background-size: 100% 100%;
}
.coupon-hide-in .coupon-list .list-li .left{
  width:73%;
  height:4rem;
  overflow:  hidden;
  text-align: left;
}
.coupon-hide-in .coupon-list .list-li .left .price{
  font-size: 1rem;
  color: #ff0808;
  margin-left: 0.75rem;
  font-weight: bold;
  margin-top: 0.75rem;
}
.coupon-hide-in .coupon-list .list-li .left .price .text1{
  font-size:16px;
  font-weight:bold;
}
.coupon-hide-in .coupon-list .list-li .left .price .text2{
  font-size:16px;
  font-weight:normal;
}
.coupon-hide-in .coupon-list .list-li .left .time{
  font-size:12px;
  color:#ff0808;
  margin-left:0.75rem;
  margin-top: 0.25rem;
}
.coupon-hide-in .coupon-list .list-li .right{
  width:27%;
  height:4rem;
  font-size:16px;
  color:#ff0808;
  line-height:4rem;
  text-align:  center;
}
.coupon-hide-in .klq{
  width: 95%;
  margin: 0 auto;
  color: #333333;
  margin-bottom: 0.5rem;
  text-align: left;
}
.price-all{
  width:  97%;
  margin:  0 auto;
  margin-top: 0.75rem;
  display:flex;
  text-align:left;
}
.price-all .check-box{
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  top: 0.1rem;
  margin-right: 0.6rem;
}
.price-all .in-text{
  font-size:13px;
  color:#666666;
  width:96%;
;
}
.price-all .in-text span{
  color:#ff0808;
}
.bottom-text{
  width:94%;
  margin:0 auto;
  font-size:12px;
  text-align:center;
  margin-top:2rem;

}
input[type="checkbox"] {
  -webkit-appearance: none;
  background:url("../../business/images/checkbox.png") no-repeat center center;
  background-size:100% 100%;
  height: 0.9rem;
  vertical-align: middle;
  width: 0.9rem;
  display:  block;
}
input[type="checkbox"]:checked {
  background:url("../../business/images/checkbox-active.png") no-repeat center center;
  background-size:100% 100%;
}
.layui-layer-btn{
  display: none;
}
.layui-layer-setwin{
  display: none;
}
.layui-layer-content{
  text-align: center;
}
.specifications{
  width:100%;
  /* height:2rem; */
  background:#ffffff;
  margin-bottom:0.5rem;
}
.specifications-con{
  width:100%;
  height:2.5rem;
  border-bottom:1px solid #e5e5e5;
  display:flex;
  line-height: 2.5rem;
}
.specifications-con .text{
  margin-left:0.5rem;
  color:#333333;
}
.specifications-con .text1{
  color:#999999;
  margin-left:0.5rem;
  margin-right:auto;
}
.specifications-con .href-icon{
  margin-top: 0.8rem;
  margin-right: 0.5rem;
}
.href-icon{
  background: url("../../business/images/href-icon.png") no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;

}
.guige-hide{
  width:100%;
  position:fixed;
  height:100%;
  z-index: 999;
  left:0;
  bottom: 0;
  display:none;
}
.guige-hide-in{
  width:100%;
  height:21rem;
  background:#ffffff;
  position:fixed;
  z-index:99999;
  bottom:0;
  left:0;
}
.guige-hide-in .top-content{
  width:95%;
  margin:0 auto;
  position:relative;
  border-bottom:1px solid #e5e5e5;
  display:flex;
  padding-bottom:0.5rem;
  height:5rem;
}
.guige-hide-in .top-content .img-con{
  width: 5rem;
  height: 5rem;
  padding: 0.1rem;
  background: #ffffff;
  margin-top: -1rem;;
}
.guige-hide-in .top-content .img-con img{
  display:block;
  width:100%;
}
.guige-hide-in .top-content .right-con{
  margin-left: 0.5rem;
  margin-top: 0.75rem;
}
.guige-hide-in .top-content .right-con .price{
  font-size:0.85rem;
  color:#ff0808;
  text-align:left;
}
.guige-hide-in .top-content .right-con .text{
  color:#323232;
  text-align:left;
}
.guige-hide-in .top-content .right-con .text1{
  color:#323232;
  text-align:left;
}
.guige-hide-in .size-content{
  width:95%;
  margin:0 auto;
  height:5rem;
  position:relative;
  border-bottom:1px solid #e5e5e5;
  overflow:hidden;
}
.guige-hide-in .size-content .size-title{
  font-size: 16px;
  color: #333333;
  margin-top: 0.8rem;
  margin-bottom: 1rem;
  text-align: left;
}
.guige-hide-in .size-content .b-content{
  display:flex;
}
.guige-hide-in .size-content .b-content .same{
  width: 2.5rem;
  height: 1.3rem;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  margin-right: 0.5rem;
  text-align: center;
  line-height: 1.3rem;
  color: #333333;
}
.guige-hide-in .size-content .b-content .same.active{
  color:#ff0808;
  border-color:#ff0808;
}
.guige-hide-in .color-content{
  width:95%;
  margin:0 auto;
  height:5rem;
  position:relative;
  border-bottom:1px solid #e5e5e5;
  overflow:hidden;
}
.guige-hide-in .color-content .color-title{
  font-size: 16px;
  color: #333333;
  margin-top: 0.8rem;
  margin-bottom: 1rem;
  text-align: left;
}
.guige-hide-in .color-content .b-content{
  display:flex;
}
.guige-hide-in .color-content .b-content .same{
  width: 2.5rem;
  height: 1.3rem;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  margin-right: 0.5rem;
  text-align: center;
  line-height: 1.3rem;
  color: #333333;
}
.guige-hide-in .color-content .b-content .same.red{
  color:#ff0808;
  border-color:#ff0808;
}
.guige-hide-in .color-content .b-content .same.active{
  background:#f2f2f2;
  color:#999999;
}
.guige-hide-in .number-content{height:3.5rem;position:  relative;border-bottom:1px solid #e5e5e5;width:95%;margin:0 auto;display:  flex;}
.guige-hide-in .number-content .l-text{
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 16px;
  color: #333333;
  margin-right: auto;
}
.guige-hide-in .number-content .r-info{
  height:3.5rem;
  position:relative;
}
.guige-hide-in .button-content{
  width:100%;
  height:2.5rem;
  display:flex;
  position:fixed;
  bottom:0;
}
.guige-hide-in .button-content1{
  width:100%;
  height:2.5rem;
  display:flex;
  position:fixed;
  bottom:0;
  display: none;
}
.guige-hide-in .button-content1 a.ok{
  background:#ff0808;
  height:2.5rem;
  width: 100%;
  color:#ffffff;
  text-align:center;
  line-height:2.5rem;
  font-size:16px;
  display:  block;
}
.guige-hide-in .button-content a{
  background:#ff7200;
  display:block;
  width:50%;
  color:#ffffff;
  text-align:center;
  line-height:2.5rem;
  height:2.5rem;
  font-size:16px;
}
.guige-hide-in .button-content a.buy{
  background:#ff0808;
}
.guige-hide-mc{
  width:100%;
  position:fixed;
  height:100%;
  z-index:99;
  left:0;
  top:0;
  background-color: rgb(0, 0, 0);
  opacity: 0.3;
}

.canshu-hide{
  width:100%;
  position:fixed;
  height:100%;
  z-index: 999;
  left:0;
  bottom: 0;
  display:none;
}
.canshu-hide-in{
  width:100%;
  height:10rem;
  background:#ffffff;
  position:fixed;
  z-index:99999;
  bottom:0;
  left:0;
}
.canshu-hide-in .title{
  width:100%;
  height:1rem;
  line-height:1rem;
  text-align:center;
  font-size:16px;
  color:#333333;
}
.canshu-hide-in .list-ul{
  width:95%;
  margin:0 auto;
}
.canshu-hide-in .list-ul .list-li{
  width:100%;
  height:1rem;
  height:1rem;
  border-bottom:1px solid #e5e5e5;
  line-height:1rem;
  display:flex;
}
.canshu-hide-in .list-ul .list-li .lft-text{
  color:#999999;
  margin-right:0.5rem;
  width:1.5rem;
  display:block;
}
.canshu-hide-in .list-ul .list-li .r-text{

}
.canshu-hide-mc{
  width:100%;
  position:fixed;
  height:100%;
  z-index:99;
  left:0;
  top:0;
  background-color: rgb(0, 0, 0);
  opacity: 0.3;
}
.shop-arithmetic{
  position:absolute;
  right:0px;
  top: 1.1rem;
  width:84px;
  box-sizing:border-box;
  white-space:nowrap;
  border:1px solid #e0e0e0;
}
.shop-arithmetic a{display:inline-block;width:23px;height:22px;line-height:22px;text-align:center;background:#fff;font-size:16px;}
.shop-arithmetic .minus{border-right:1px solid #e0e0e0;}
.shop-arithmetic .failed{color:#d1d1d1;}
.shop-arithmetic .plus{border-left:1px solid #e0e0e0;}
.shop-arithmetic .num{width:32px;text-align:center;border:none;display: inline-block;height:100%;box-sizing:border-box;vertical-align:top;margin:0 -6px;}
.buyer-show{
  width:100%;
  background:#ffffff;
  margin-bottom:0.5rem;
  padding-bottom: 0.5rem;
}
.buyer-show .all-img{
  width:95%;
  margin:0 auto;
  display:flex;
  position:relative;
  justify-content:center;

}
.buyer-show .all-img img{
  display:block;
  width:23%;
  height:4.5rem;
  margin-right:2%;
}
.buyer-show .all-img img:last-child{
  margin-right:0;
}
.buyer-show .top-info{
  height:2rem;
  line-height:2rem;
  display:flex;
  width:95%;
  margin:0 auto;
}
.buyer-show .top-info .left{
  margin-right:auto;
  font-size:16px;
  color:#333333;
}
.buyer-show .top-info .right{

  color:#999999;
}
.buyer-show .top-info .right .icon{
  background:url("../../business/images/href-icon.png") no-repeat center center;
  background-size:100% 100%;
  display:inline-block;
  width: 0.4rem;
  height: 0.65rem;
}


.comment-info{
  width:100%;
  /* height:5rem; */
  background:#ffffff;
  margin-bottom:0.5rem;
}
.comment-info .top-info{
  height:2.5rem;
  line-height:2.5rem;
  display:flex;
  width:95%;
  margin:0 auto;
}
.comment-info .top-info .left{
  margin-right:auto;
  font-size:16px;
  color:#333333;
}
.comment-info .top-info .right{

  color:#999999;
}
.comment-info .top-info .right .icon{
  background:url("../../business/images/href-icon.png") no-repeat center center;
  background-size:100% 100%;
  display:inline-block;
  width: 0.4rem;
  height: 0.65rem;
}
.comment-info .keyword{
  width:95%;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
}
.comment-info .keyword .same-box{
  border:1px solid #ff0808;
  color:#ff0808;
  padding:0.05rem;
  border-radius:5px;
  margin-right:0.2rem;
  margin-bottom:0.2rem;
  text-align:center;
  font-size:12px;
  display: inline-block;
}
.comment-info .comment-list{
  margin-top: 0.5rem;
}
.comment-list .list-ul{
  width:100%;
}
.comment-list .list-li{
  width:100%;
  border-bottom:1px solid #e5e5e5;
  position:relative;
  overflow: hidden;
  margin-top:  0.5rem;
  padding-bottom:  0.5rem;
}
.comment-list .list-li .left-info{
  width: 2rem;
  height: 2rem;
  border-radius:50%;
  margin-left: 0.5rem;
  float:left;
}
.comment-list .list-li .left-info img{
  width:100%;
  height:100%;
  border-radius:50%;
}
.comment-list .list-li .right-info{
  width: 80%;
  float:  left;
  margin-left: 6%;
  text-align:left;
}
.comment-list .list-li .right-info .name{
  font-size:16px;
  color:#000000;
}
.comment-list .list-li .right-info .commodity-info{
  font-size:12px;
  color:#999999;
  margin-top: 0.2rem;
}
.comment-list .list-li .right-info .commodity-info .time{

}
.comment-list .list-li .right-info .commodity-info .color{
  margin-left:0.25rem;
}
.comment-list .list-li .right-info .commodity-info .size{
  margin-left:0.5rem;
}
.comment-list .list-li .right-info .text-details{
  margin-top: 0.5rem;
  color:#333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*评论*/
.comment-con{
  width:100%;
  position:relative;
}
#pagetwo .fanhui{position:absolute;right: 0.25rem;top: 0.3rem;z-index: 999;}
.comment-con .nav-group{
  width:100%;
  height: 2.5rem;
  border-bottom:1px solid #dfdfdf;
  display: flex;
}
.comment-con .nav-group a.btn{
  display: block;
  float: left;
  height: 1.5rem;
  border: 1px solid #ff0808;
  border-radius: 5px;
  text-align: center;
  line-height: 1.5rem;
  margin-left: 0.3rem;
  margin-top: 0.5rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.comment-con .nav-group a.btn:last-child{
  /* width: 2rem; */
}
@media screen and (max-width: 320px) {
  .comment-con .nav-group a.btn:last-child{
    width: 2rem;
  }
}
.comment-con .nav-group a.btn span{
  color:#000000;
}
.comment-con .nav-group a.btn span.active{
  color: #ffffff;
}
.comment-con .nav-group a.btn.active{
  background:#ff0808;
  color:#ffffff;
}
.comment-con .tab-content{
  width:100%;
}
.comment-con .tab-content .tab-content-in{
  width:100%;
  display:none;
}
.comment-con .tab-content .tab-content-in:first-child{
  display:block;
}
.tab-content-in .list-ul{
  width:100%;
}
.tab-content-in .list-li{
  width:100%;
  border-bottom:1px solid #e5e5e5;
  position:relative;
  overflow: hidden;
  margin-top: 0.25rem;
  padding-bottom: 0.5rem;
}
.tab-content-in .list-li .left-info{
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  margin-left: 0.5rem;
  float: left;
}
.tab-content-in .list-li .left-info img{
  width:100%;
  height:100%;
  border-radius:50%;
}
.tab-content-in .list-li .right-info{

  width: 80%;

  float:  left;

  margin-left: 3%;
  text-align:left;
}
.tab-content-in .list-li .right-info .name{
  font-size:16px;
  color:#000000;
}
.tab-content-in .list-li .right-info .commodity-info{
  font-size:12px;
  color:#999999;
  margin-top: 0.5rem;
}
.tab-content-in .list-li .right-info .commodity-info .time{

}
.tab-content-in .list-li .right-info .commodity-info .color{
  margin-left:0.5rem;
}
.tab-content-in .list-li .right-info .commodity-info .size{
  margin-left:0.75rem;
}
.tab-content-in .list-li .right-info .text-details{
  margin-top: 0.5rem;
  color:#333333;
}
.tab-content-in .list-li .right-info .all-img{
  display: inline-block;
  margin-top: 0.5rem;
  display:flex;
}
.tab-content-in .list-li .right-info .zhuiping-info{
  width:100%;
  overflow:hidden;
  margin-top:0.6rem;
}
.tab-content-in .list-li .right-info .zhuiping-info .tips-zp{
  color:#ff0808;
  margin-bottom:0.2rem;
}
.tab-content-in .list-li .right-info .zhuiping-info .text{
  color:#333333;
}
.tab-content-in .list-li .right-info .zhuiping-info .zp-img{
  width:50%;
  display:block;
  margin-top:0.5rem;
}
.tab-content-in .list-li .right-info .all-img .same-box{
  width: 25%;
  height: 3rem;
  margin-right: 0.3rem;
}
.tab-content-in .list-li .right-info .all-img .same-box img{
  width:100%;
  height:100%;
}
.tab-content-in .list-li .right-info .bottom-info{
  font-size:12px;
  color:#999999;
  display:flex;
  margin-top: 0.5rem;
  overflow:  hidden;
}
.tab-content-in .list-li .right-info .bottom-info .href-icon{

  margin-right: 0.5rem;
}
.tab-content-in .list-li .right-info .bottom-info .liulan{
  width:65%;
}

.tab-content-in .list-li .right-info .bottom-info .cmt{
  margin-right:0.5rem;
  color: #999999;
}
.tab-content-in .list-li .right-info .bottom-info .cmt .icon{
  background: url("../../business/images/comment-icon.png") no-repeat center center;
  background-size: 100% 100%;
  display:inline-block;
  width: 0.75rem;
  height: 0.7rem;
  margin-right: 0.2rem;
  position: relative;
  top: 0.1rem;
}
.tab-content-in .list-li .right-info .bottom-info .zan{

}
.tab-content-in .list-li .right-info .bottom-info .zan .icon{
  background: url("../../business/images/zan.png") no-repeat center center;
  background-size: 100% 100%;
  display:inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-right:0.2rem;
  position:relative;
  top: 0.1rem;
}
.tab-content-in .list-li .right-info .bottom-info .zan .icon.active{
  background: url("../../business/images/zan-active.png") no-repeat center center;
  background-size: 100% 100%;
}
#pagethree{
  background:#ffffff;
}

#pagethree .rm-comment{
  width:100%;
  overflow:hidden;
  background:#ffffff;
  /* margin-top:0.25rem; */
  /* display:  none; */
}
#pagethree .rm-comment .comment-title{
  width:100%;
  height:1rem;
  border-bottom:1px solid #e5e5e5;
  display:block;
  line-height:1rem;
  text-indent:0.25rem;
}
#pagethree .rm-comment .comment-ul{
  width:100%;
  overflow:hidden;
}
#pagethree .rm-comment .comment-ul .list-li{
  width:100%;
  /* height:2.5rem; */
  border-bottom:1px solid #e5e5e5;
  display:flex;
  position:relative;
  margin-top: 0.1rem;
  padding-bottom: 0.25rem;
}
#pagethree .rm-comment .comment-ul .list-li .left{
  width:0.5rem;
  height:0.5rem;
  margin-top:0.25rem;
  margin-left:0.25rem;
}
#pagethree .rm-comment .comment-ul .list-li .left .touxiang{
  width:100%;
  height:100%;
}
#pagethree .rm-comment .comment-ul .list-li .center{
  margin-top:0.25rem;
  margin-left:0.25rem;
  margin-right:auto;
  width: 100%;
}
#pagethree .rm-comment .comment-ul .list-li .center .more-comment{
  width: 96%;
  /* height:1.5rem; */
  background:#fffcfb;
  border:1px solid #e5e5e5;
  margin-top:0.25rem;
  margin-bottom:0.25rem;
  padding-bottom: 0.25rem;
}
#pagethree .rm-comment .comment-ul .list-li .center .more-comment .name1{

  margin-top:  0.1rem;

  margin-left:  0.25rem;
}
#pagethree .rm-comment .comment-ul .list-li .center .more-comment .text{

  margin-top:  0.1rem;

  margin-left: 0.25rem;
}
#pagethree .rm-comment .comment-ul .list-li .center p{
  /* margin-top:0.1rem; */
}
#pagethree .rm-comment .comment-ul .list-li .center .name{
  color:#2691ff;
}
#pagethree .rm-comment .comment-ul .list-li .center .time{
  font-size:12px;
  color:#999999;
}
#pagethree .rm-comment .comment-ul .list-li .center .time .lou{
  margin-left:0.1rem;
}
#pagethree .rm-comment .comment-ul .list-li .center .text{
  font-size:16px;
  color:#000000;
}
#pagethree .rm-comment .comment-ul .list-li .right{
  margin-top:0.25rem;
  margin-right:0.25rem;
  position:  absolute;
  right:  0;
  top: 0;
}
#pagethree .rm-comment .comment-ul .list-li .right .icon-pl{
  background: url("../../business/images/comment-icon2.png") no-repeat center center;
  background-size: 100% 100%;
  display:inline-block;
  width:0.3rem;
  height:0.3rem;
  position:relative;
  top:0.07rem;
}
#pagethree .rm-comment .comment-ul .list-li .right .icon{
  background: url("../../business/images/zan.png") no-repeat center center;
  background-size: 100% 100%;
  display:inline-block;
  width:0.3rem;
  height:0.3rem;
  position:relative;
  top:0.05rem;
}
#pagethree .rm-comment .comment-ul .list-li .right .icon.active{
  background: url("../../business/images/zan-active.png") no-repeat center center;
  background-size: 100% 100%;
}
#pagethree .rm-comment .comment-ul .list-li .right .num{
  font-size:12px;
  color:#999999;
}
#pagethree .rm-comment .comment-ul .list-li .right .num-pl{
  margin-right:0.25rem;
  color:#999999;
  font-size:12px;
}
#pagethree .rm-comment .comment-ul .list-li .right .num.active{
  color: #ff0808;
}
#pagethree .comment-info{
  height:1.1rem;
  width:100%;
  background: #ebebeb;
  margin-top:0.25rem;
  display:flex;
  position:  fixed;
  bottom: 0;
  margin-bottom: 0;
  z-index: 99999;
}
#pagethree .comment-info .input-info{
  width: 8rem;
  height:0.5rem;
  margin-left:0.25rem;
  margin-top:0.18rem;
  position:relative;
  display: flex;
}
#pagethree .comment-info .input-info .icon{
  background: url("../../business/images/comment-icon2.png") no-repeat center center;
  background-size: 100% 100%;
  display:inline-block;
  width: 0.4rem;
  height:0.4rem;
  position:absolute;
  left:0.25rem;
  top:0.2rem;
  z-index:999;
}
#pagethree .comment-info .input-info input{
  display:inline-block;
  width: 6rem;
  height:0.5rem;
  background: #ffffff !important;
  padding-left:1rem;
  position:absolute;
  left:0;
  top:0;
  border-radius:5px;
  color:#999999;
  font-size:14px;
  background:  none;
}
.send-sub {
  width: 1rem;
  height: 0.7rem;
  padding: 0;
  margin: 0;
  background: #2691ff;
  position: relative;
  text-indent: 0;
  opacity: 1;
  margin-top: 0.04rem;
  margin-left: auto;
  margin-right: 0.1rem;
  text-align: center;
  line-height: 0.7rem;
  color: #ffffff;
  border-radius: 5px;
  display: none;
}
#pagethree .comment-info .com-info{
  margin-left:0.25rem;
  margin-top: 0.35rem;
}
#pagethree .comment-info .com-info .icon-num{
  position:relative;
  width:1rem;
  height:1rem;
  overflow:hidden;
  /* margin-top:  0.2rem; */
}
#pagethree .comment-info .com-info .icon-num .icon{
  background: url("../../business/images/comment-icon1.png") no-repeat center center;
  background-size: 100% 100%;
  display:inline-block;
  width: 0.4rem;
  height: 0.35rem;
}
#pagethree .comment-info .com-info .icon-num .num{
  background:#ffffff;
  color:#ff0808;
  position:absolute;
  right: -0.07rem;
  top: -0.25rem;
  font-size: 12px;
}
#pagethree .comment-info .zan-info{
  margin-left: 0.35rem;
  margin-top: 0.35rem;
}
#pagethree .comment-info .zan-info .icon-num{
  position:relative;
  width:1rem;
  height:1rem;
  overflow:hidden;
}
#pagethree .comment-info .zan-info .icon-num .icon{
  background: url("../../business/images/zan.png") no-repeat center center;
  background-size: 100% 100%;
  display:inline-block;
  width: 0.45rem;
  height: 0.4rem;
}
#pagethree .comment-info .zan-info .icon-num .icon.active{
  background: url("../../business/images/zan-active.png") no-repeat center center;
  background-size: 100% 100%;
}
#pagethree .comment-info .zan-info .icon-num .num{
  color:#999999;
  position:absolute;
  right:-0.25rem;
  top: -0.3rem;
  font-size:  12px;
}
#pagethree .comment-info .zan-info .icon-num .num.active{
  color:#ff0808;
}
.comment-nothing{
  margin-top:4rem;
  display: none;
}
.comment-nothing .title{
  text-align:center;
  font-size:16px;
  color:#333333;
}
.comment-nothing .text{
  text-align:center;
  margin-top:0.25rem;
  color:#999999;
}
